<template>
  <iot-blk class="today-blk device-blk" title="监控区域" :moreType="0">
    <div class="con">
      <areaTree :isEditable="true" @nodeClick="areaClickAction"></areaTree>
    </div>
  </iot-blk>
</template>

<script>
import areaTree from "@/components/census/AreaTree.vue";

export default {
  data() {
    return {
      data: [],
      defaultProps: {
        children: "children",
        label: "label",
      },
    };
  },
  props: {
    areaData: {
      type: Object,
    },
  },
  components: {
    areaTree,
  },
  methods: {
    getArea() {
      this.$emit("getArea");
    },
  },
};
</script>

<style lang="less" scoped>
.today-blk {
  height: 1.25rem !important;
  .con {
    overflow: auto !important;
    height: 1.2rem !important;
    .area-tree {
      padding: 0 !important;
      height: 100% !important;
    }
  }
}
.today {
  text-align: justify;
  font-size: 0.0938rem;
  height: 0.625rem;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
</style>
